#{extends 'mainTemplate.html' /} #{set title:'分享买到的欢乐' /}



<style>
#mainContent {
	margin-bottom: 5px;
	background: #9c6;
}

#sidebar {
	float: right;
	width: 318px;
}

#content {
	margin-right: 323px !important;
	margin-right: 320px;
	height: auto !important;
	height: 100px;
}
	/*当content设定高度后，3像素会跑到content外侧，这样，我们用!important修正在ie下向左多浮动2像素，加上3像素的bug正好是5像素，所以在火狐和IE下显示是一样的*/
#sidebar a,#sidebar a:visited {
	color: #019DE6;
	text-decoration: none;
}

#sidebar a:hover {
	color: #383434;
	text-decoration: none;
}

#sidebar .inside {
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
}

#sidebar .inside .ad3 {
	width: 300px;
	text-align: center;
	overflow: hidden;
	margin: 0px auto 20px auto;
}

#sidebar .inside h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #383434;
	text-transform: lowercase;
	font-weight: bold;
}

#sidebar .inside ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
}

#sidebar .inside ul li {
	display: block;
	width: 100%;
	padding: 8px 0px 9px 0px;
	border-bottom: 1px solid #E3E3E3;
	line-height: 130%;
}

#sidebar .inside .ad125 {
	font-size: 12px;
	list-style: none;
	width: 300px;
	margin: 0 auto;
	margin-bottom: 20px;
	overflow: hidden;
}

#sidebar .inside .ad125 li {
	float: left;
	background-color: #f8f8f8;
	background-image: none;
	width: 130px;
	display: inline;
	margin: 5px;
	overflow: hidden;
	padding: 4px;
	border: 1px solid #EAEAEA;
}

#sidebar .inside ul li:hover {
	background-color: #FCFCFC;
}

#sidebar .inside ul li a,#sidebar .inside ul li a:visited {
	text-decoration: none;
	color: #019DE6;
}

#sidebar .inside ul li a:hover {
	text-decoration: none;
	color: #383434;
}

#sidebar .inside .right {
	float: right;
	padding: 0px 0px 0px 10px;
	width: 125px;
	margin: 0px;
	border-left: 1px solid #E3E3E3;
}

#sidebar .inside .right img {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #E3E3E3;
}

#sidebar .inside .left {
	float: left;
	padding: 0px;
	width: 210px;
	margin: 0px 0px 0px 0px;
}

#sidebar .inside .left ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
}

#sidebar .inside .left ul li {
	display: block;
	width: 186px;
	padding: 5px 0px 6px 16px;
	border-bottom: 1px solid #E3E3E3;
	background: url(images/liarrowcat.png) no-repeat top left;
	text-transform: capitalize;
}

#sidebar .inside .left ul li:hover {
	background-color: #FCFCFC;
}

#sidebar .inside .left ul li a,#sidebar .inside .left ul li a:visited {
	text-decoration: none;
	color: #019DE6;
}

#sidebar .inside .left ul li a:hover {
	text-decoration: none;
	color: #383434;
}

#sidebar .inside .left ul.roll li {
	background: url(images/liarrowroll.png) no-repeat top left;
}

#sidebar .inside .nofloat {
	float: left;
	clear: both;
}

#sidebar .inside ul.archives li:hover,#sidebar .inside ul.categories li:hover
	{
	background-color: #fff;
}

#sidebar .inside ul.archives li a,#sidebar .inside ul.archives li a:visited
	{
	text-decoration: none;
	color: #019DE6;
}

#sidebar .inside ul.archives li a:hover {
	text-decoration: none;
	color: #383434;
}

#sidebar .searchform {
	width: 348px;
	clear: both;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#sidebar .searchformtop {
	border: 1px solid #e3e3e3;
	background-color: #fafafa;
	padding: 4px 6px;
	text-align: right;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 332px;
	color: #cccccc;
}

/*----------------------------------------------- POSTS -------------------------------------------------*/
#posts {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#posts .post {
	padding: 10px 15px 18px 15px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #E1E1E1;
	background-color: #fff;
	color: #383434;
	font-size: 14px;
	overflow: hidden;
}

#posts .post a,#posts .post a:visited {
	text-decoration: none;
	color: #019DE6;
}

#posts .post a:hover {
	text-decoration: none;
	color: #383434;
}

#posts .post h1.title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	font-size: 14px;
	letter-spacing: -1px;
	/*font-weight:bold;*/
	word-spacing: 3px;
	line-height: 120%;
	text-transform: uppercase;
	width: 570px;
	overflow: hidden;
	border: none;
	padding: 0px;
	color: #333;
}

#posts .post h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 15px 0px 5px 0px;
	font-size: 20px;
	padding-bottom: 4px;
	border-bottom: 1px solid #f4f4f4;
	color: #5F5858;
	width: 570px;
	overflow: hidden;
	font-weight: lighter;
}

#posts .post h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 15px 0px 5px 0px;
	font-size: 18px;
	padding-bottom: 4px;
	border-bottom: 1px solid #f4f4f4;
	color: #5F5858;
	width: 570px;
	overflow: hidden;
	font-weight: lighter;
}

#posts .post h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 15px 0px 5px 0px;
	font-size: 16px;
	padding-bottom: 4px;
	border-bottom: 1px solid #f4f4f4;
	color: #5F5858;
	width: 570px;
	overflow: hidden;
}

#posts .post h1 a,#posts .post h1 a:visited {
	text-decoration: none;
	color: #383434;
}

#posts .post h1 a:hover {
	text-decoration: none;
	color: #019DE6;
}

#posts .post p {
	letter-spacing: 0px;
	word-spacing: 1px;
	line-height: 160%;
	margin: 0px 0px 10px 0px
}

#posts .post ul,#posts .post ol {
	list-style: none;
	margin: 4px 0px;
}

#posts .post ul li,#posts .post ol li {
	display: block;
	padding: 4px 0px 0px 16px;
	margin: 3px 0px 0px 0px;
	background: url(images/liarrowpost.png) no-repeat top left;
}

#posts .post strong {
	font-weight: bold;
}

#posts .post em {
	font-style: italic
}

#posts .post blockquote {
	width: 95%;
	margin: 0 auto;
	font-size: 13px;
	color: #6C6464;
	background-color: #F5F5F5;
	padding: 5px;
	margin: 2px auto 10px auto;
}

#posts .post img {
	border-top: 0 solid #E7E7E7;
	border-bottom: 0 solid #E7E7E7;
	padding: 3px 0px;
	margin: 2px 0px;
}

#posts .post img.wp-smiley {
	border: none;
	padding: 0px;
	margin: 0px;
}

#posts .post .details {
	border-top: 1px solid #E3E3E3;
	width: 560px;
	overflow: hidden;
	padding: 15px 5px 0px 5px;
	margin: 15px 0px 0px 0px;
	font-size: 12px;
	text-transform: uppercase;
}

#posts .post .details span {
	color: #BBBBBB;
	margin: 0px 0px 0px 5px;
}

.reatebtn {
	display: block;
	height: 40px;
	width: 145px;
	line-height: 2;
	text-align: center;
	background: url(/public/images/btns/red.png) no-repeat 0px 0px;
	background-size: 145px 40px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 3px;
}

.reatebtn span {
	color: #FFF;
}

.reatebtn:hover span {
	color: #000000;
}

.reatebtn:hover {
	background: url(/public/images/btns/red.png) no-repeat 0px 0px;
}

#posts .post .details .hesuan {
	margin: 0px;
	padding: 0px;
}

#posts .post .details .hesuan a {
	display: block;
	height: 35px;
	width: 100px;
	line-height: 2;
	text-align: center;
	vertical-align: middle;
	background: url(/public/images/btns/green1.png) no-repeat 0px 0px;
	background-size: 100px 35px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 3px;
}

#posts .post .details .hesuan a:hover {
	background: url(/public/images/btns/green1.png) no-repeat 0px 0px;
}

#posts .post .details .hesuan li {
	margin: 2px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 35px;
}

/*----------------------------------------------- SIDEBAR -------------------------------------------------*/
/*****************分页*****************/
.pagination {
	width: 600px;
	margin: 30px auto;
	padding: 6px 0px;
	height: 20px;
}

.pagination ul li {
	float: left;
	border: 1px solid #5d9cdf;
	height: 20px;
	line-height: 20px;
	margin: 0px 2px;
	list-style: none;
}

.pagination ul li a {
	display: block;
	padding: 0px 6px;
	background: #e6f2fe;
	color: #333;
	text-decoration: none;
}

.currentpage {
	background: #a9d2ff;
	display: block;
	padding: 0px 6px;;
	font-weight: bold;
}

#alphacloud {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	text-align: justify;
	width: 300px;
}

#alphacloud a.size0 {
	color: #AAAAAA;
	font-size: 110%;
	line-height: 1.5em;
}

#alphacloud a.common0 {
	color: #A4CE5A !important;
}

#alphacloud a.common4 {
	color: #5A870C !important;
}

#alphacloud a.size4 {
	color: #333333;
	font-size: 150%;
	line-height: 1.1em;
}

</style>

<script type="text/javascript">
//-->
function showComment(up){
	var el = $("#"+up); 
	el.expose({
		onBeforeLoad: function() {
			el.animate({width: 40});
		},
		onBeforeClose: function() {				
			el.animate({width: 40});			
		}
	});
}
// 方法中传参报错。故写在隐藏中
function sendCommenton(commentonId,commentContent,orderId){
	var listAction = #{jsAction @CommentAction.comments(':commentContent',':orderId') /};
	var commentContent = encodeURI($("#"+commentContent).val());
	if(commentContent==""){
		alert("评论内容不能为空！");
		$('#'+commentonId).focus();
	}
	$.getJSON(
				listAction({commentContent:commentContent,orderId:encodeURI(orderId)}),
				function(data){
					$("#"+commentonId).append("<div style='padding-top: 5px;'><span>"+data.content+"</span><span style='float: right;'>发表者:"+data.users.nick+"</span></div>");
					$("#"+commentonId).css("display", "block");
	  			}
			);
}
//支持 0  反对1
function supportOrOppositionFunction(type,commentId,spanId){
	var listAction = #{jsAction @CommentAction.supportOrOpposition(':type',':commentId') /};
	$.getJSON(
			listAction({type:type,commentId:commentId}),
			function(data){
				if(type==0){
					$("#"+spanId).text(data.supportNumber);
				}else{
					$("#"+spanId).text(data.oppositionNumber);
				}
  			}
		);
}
//加分 或者减分
function changePoint(type,point,orderId,spanId){
	var listAction = #{jsAction @CommentAction.changePoint(':orderId',':point',':type') /};
	$.getJSON(
			listAction({orderId:orderId,point:point,type:type}),
			function(data){
				if(type==0){
					$("#"+spanId).text(Number($("#"+spanId).text())+1);
// 					$("#"+spanId).text(data.increase);
				}else{
					$("#"+spanId).text(Number($("#"+spanId).text())+1);
// 					$("#"+spanId).text(data.reduce);
				}
// 				$("#addMoney").stop(true,true).animate({"height","100px"});
// 				setTimeOut("hideAddMoney();",5000);
// 				Window.open("/test.html");
  			}
		);
}
//加金币的层的移动和隐藏
function hideAddMoney(){
	
// 	$("#addMoney").("display", "none");
}
</script>
<div>
	<p>周排行,周排行,周排行,周排行,周排行,</p>
</div>
<div id="mainContent">
	<div id="content">
		<div id="posts">
			#{list items:trades, as:'trade' }
			<div class="post" id="post-3494">
				#{list items:trade.orders, as:'order'}
				<h1 class="title">${order.customTitle}</h1>
				<img src="${order.picPath}" width="200" height="200"
					style="float: left;" />
				<div style="margin-left: 210px; padding: 20px;">
					<div style="width: 150px; margin: auto;">
						<p></p>
						<p>单价:${order.price}</p>
						<p>数量:${order.num}</p>
						<p>实付:${order.payment}</p>
						<p>
						<div class="details">
							<ul class="hesuan">
								<li><a href="@{CommentAction.test()}">sss</a></li>
								<li><a href="#none" onclick="changePoint(0,1,${order.id},'increase${order.id}');">想要嘛(<span id="increase${order.id}">${order.increase}</span>)</a><div id="addMoney" style="background-color: red;width: 30px;height: 30px;">金币+1</div></li>
								<li><a href="#none" onclick="changePoint(1,1,${order.id},'reduce${order.id}');">不要嘛(<span id="reduce${order.id}">${order.reduce}</span>)</a></li>
							</ul>
						</div>
						</p>
						<p></p>
					</div>
				</div>
				<div class="details">
					<p>
						${order.recommendedReason?:"推荐原因:order.customTitle很牛,无虚推荐理由!"} <br />
						#{list items:order.pictureEffects, as:'photo'} 
						
						<img width="50" height="50" src="/attachments/${photo.code}" /> 
<!-- 						<div style="padding-top: 5px;height: 50px;"> -->
<!-- 						#{list items:order.comments, as:'comment'}  -->
<!-- 							<div style="padding-top: 5px;height: 50px;padding-left: 20px;width: 300px; "> -->
<!-- 								<span style="float: left;width: 180px;">${comment.content}</span> -->
<!-- 								<span style="float: right;padding-right: 10px;">${comment.commentTime}</span>时间 -->
<!-- 								<span style="float: right; height: 20px;"><a href="#none" onclick="supportOrOppositionFunction(1,${comment.id},'opposition${comment.id}');"><img src="/public/images/btns/down.jpg" alt="不支持" title="不支持" /></a><span style="float: right; height: 20px;margin:0; margin-top:24px; line-height:16px;" id="opposition${comment.id}">${comment.oppositionNumber}</span></span> -->
<!-- 								<span style="float: right; height: 20px;"><a id="up${comment.id}" href="#none" onclick="supportOrOppositionFunction(0,${comment.id},'support${comment.id}');"><img src="/public/images/btns/up.jpg" alt="支持" title="支持" /></a><span style="float: right; height: 20px;margin:0; margin-top:24px; line-height:16px;" id="support${comment.id}">${comment.supportNumber}</span></span> -->
<!-- 								<span style="float: right; height: 20px;margin:0; margin-top:24px; line-height:16px;">发表者:${comment.users.nick}</span> -->
<!-- 									<span style="float: right;width: 80px;">发表者:${comment.users.nick}</span> -->
<!-- 							</div> -->
<!-- 						#{/list} -->
<!-- 						</div> -->
						#{/list}
				</div>
				<div class="details">
					<span style="margin: 0px;">评论条数:</span>${order.comments?.size()} 
					<span><a href="#none" onclick="$('#showcommenton${order.id}').toggle('fast');">查看评论</a>
					<span id="ball">..</span>
					<!-- 	显示动作比较快				fast -->
					</span><span><a href="#none" onclick="$('#commenton${order.id}').toggle('slow');$('#commentContent').focus();">我要评论</a> </span>
					<div id="commenton${order.id}" style="padding-top: 5px;display: none;">
						<span>
							<textarea id="commentContent${order.id}" rows="" cols=""></textarea>
						</span>
						<div style="padding-left: 125px;padding-top: 5px;">
							<span><a>表情</a></span>
							<span><a href="#none" onclick="sendCommenton('commenton${order.id}','commentContent${order.id}',${order.id});">确定</a></span>
						</div>
					</div>
					<div id="showcommenton${order.id}" style="padding-top: 5px;display: none;font">
						#{list items:order.comments, as:'comment'} 
<!-- 						border: 1px solid; -->
						<div style="padding-top: 5px;height: 50px;">
							<span style="float: left;width: 240px;">${comment.content}</span>
<!-- 							<span style="float: right;padding-right: 10px;">${comment.commentTime}</span>时间 -->
							<span style="float: right; height: 20px;"><a href="#none" onclick="supportOrOppositionFunction(1,${comment.id},'opposition${comment.id}');"><img src="/public/images/btns/down.jpg" alt="不支持" title="不支持" /></a><span style="float: right; height: 20px;margin:0; margin-top:24px; line-height:16px;" id="opposition${comment.id}">${comment.oppositionNumber}</span></span>
							<span style="float: right; height: 20px;"><a id="up${comment.id}" href="#none" onclick="supportOrOppositionFunction(0,${comment.id},'support${comment.id}');"><img src="/public/images/btns/up.jpg" alt="支持" title="支持" /></a><span style="float: right; height: 20px;margin:0; margin-top:24px; line-height:16px;" id="support${comment.id}">${comment.supportNumber}</span></span>
							<span style="float: right; height: 20px;margin:0; margin-top:24px; line-height:16px;">发表者:${comment.users.nick}</span>
						</div>
						#{/list}
					</div>
				</div>
				<div class="details">
					<span style="margin: 0px;">发布者:</span>${trade.buyerNick} <span>商家:
					</span>${trade.sellerNick} <span>评论: </span>comment <span>发布时间:</span>
					#{if trade.endTime} ${trade.endTime.format('yyyy-MM-dd HH:mm:ss')}
					#{/if} #{else} #{/else} <span> <a title="转发到QQ空间" id="s_qq"
						href="http://hz.youku.com/red/click.php?tp=1&amp;cp=4000351&amp;cpp=1000208&amp;url=http%3A//sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey%3Furl%3Dhttp%3A//v.youku.com/v_show/id_XMzc4Nzk4MTgw.html"
						target="_blank"><img
							src="http://static.youku.com/v1.0.0755/v/img/ico_Qzone.png"></a>
						<a title="转发到新浪微博" id="s_sina"
						href="http://hz.youku.com/red/click.php?tp=1&amp;cp=4000353&amp;cpp=1000208&amp;url=http%3A//v.t.sina.com.cn/share/share.php%3Fappkey%3D2684493555%26url%3Dhttp%3A//v.youku.com/v_show/id_XMzc4Nzk4MTgw.html%26title%3D%25E3%2580%2590%25E8%25A7%2586%25E9%25A2%2591%25EF%25BC%259A%25E6%2598%258E%25E8%2583%25B6%25E9%2585%25B8%25E5%25A5%25B6%25E4%25B8%258E%25E6%259E%259C%25E5%2586%25BB%25E4%25B9%258B%25E9%2597%25B4%25E7%259A%2584%25E5%2585%25B3%25E7%25B3%25BB+120410+%25E6%2592%25AD%25E6%258A%25A5%25E6%2597%25A9%25E7%259C%258B%25E7%2582%25B9%25E3%2580%2591%26ralateUid%3D1642904381%26source%3D%25E4%25BC%2598%25E9%2585%25B7%25E7%25BD%2591%26sourceUrl%3Dhttp%253A%252F%252Fwww.youku.com%252F%26content%3Dutf8"
						target="_blank"><img
							src="http://static.youku.com/v1.0.0755/v/img/ico_sina.gif"></a>
						<a title="转发到人人网" id="s_renren"
						href="http://hz.youku.com/red/click.php?tp=1&amp;cp=4000350&amp;cpp=1000208&amp;url=http%3A//share.renren.com/share/buttonshare.do%3Flink%3Dhttp%3A//v.youku.com/v_show/id_XMzc4Nzk4MTgw.html"
						target="_blank"><img
							src="http://static.youku.com/v1.0.0755/v/img/ico_renren.gif"></a>
						<a title="转发到腾讯微博" id="s_qq_t"
						href="http://hz.youku.com/red/click.php?tp=1&amp;cp=4001144&amp;cpp=1000208&amp;url=http%3A//v.t.qq.com/share/share.php%3Ftitle%3D%25E3%2580%2590%25E8%25A7%2586%25E9%25A2%2591%25EF%25BC%259A%25E6%2598%258E%25E8%2583%25B6%25E9%2585%25B8%25E5%25A5%25B6%25E4%25B8%258E%25E6%259E%259C%25E5%2586%25BB%25E4%25B9%258B%25E9%2597%25B4%25E7%259A%2584%25E5%2585%25B3%25E7%25B3%25BB+120410+%25E6%2592%25AD%25E6%258A%25A5%25E6%2597%25A9%25E7%259C%258B%25E7%2582%25B9%25E3%2580%2591%26url%3Dhttp%3A//v.youku.com/v_show/id_XMzc4Nzk4MTgw.html%26appkey%3De7ad0b0199994bda85ecc0a44ce9915f%26site%3Dwww.youku.com%26assname%3Dyouku2010"
						target="_blank"><img
							src="http://static.youku.com/v1.0.0755/v/img/ico_qq_t.png"></a>
					</span>
				</div>
				#{/list}
			</div>
			<div></div>
			#{/list}
			<div class="pagination">
				<ul>
					<li class="disablepage"><a
						href="@{Application.index(page.prePageNo)}">上一页</a></li> #{list
					items:page.array, as:'pageNo' } #{if page.currentPageNo+'' ==
					pageNo+''}
					<li class="currentpage">${pageNo}</li> #{/if} #{else}
					<li><a href="@{Application.index(pageNo)}">${pageNo}</a></li>
					#{/else} #{/list}
					<li class="nextpage"><a
						href="@{Application.index(page.nextPageNo)}">下一页</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div id="sidebar">
		<div class="inside">

			<h1>标签云</h1>
			<div id="alphacloud">
				<a class="size0" href="/tag/.net">.net</a> <a class="size0"
					href="/tag/2008">2008</a> <a class="common0 size0" href="/tag/3d">3d</a>
				<a class="common0 size0" href="/tag/advertising">advertising</a> <a
					class="common0 size0" href="/tag/ajax">ajax</a> <a class="size0"
					href="/tag/and">and</a> <a class="common0 size0"
					href="/tag/animation">animation</a> <a class="common4 size4"
					href="/tag/api">api</a> <a class="common0 size0" href="/tag/apple">apple</a>
				<a class="size0" href="/tag/architecture">architecture</a> <a
					class="common2 size2" href="/tag/art">art</a> <a class="size0"
					href="/tag/community">community</a> <a class="common4 size4"
					href="/tag/computer">computer</a> <a class="size0"
					href="/tag/converter">converter</a> <a class="size0"
					href="/tag/cooking">cooking</a> <a class="size0" href="/tag/cool">cool</a>
				<a class="size0" href="/tag/hosting">hosting</a> <a class="size0"
					href="/tag/reviews">reviews</a> <a class="size0" href="/tag/rss">rss</a>
				<a class="size0" href="/tag/ruby">ruby</a> <a class="size0"
					href="/tag/rubyonrails">rubyonrails</a> <a class="size0"
					href="/tag/school">school</a>
			</div>
			<iframe name="alimamaifrm" frameborder="0" marginheight="0"
				marginwidth="0" border="0" scrolling="no" width="300" height="170"
				src="http://www.taobao.com/go/app/tbk_app/chongzhi_300_170.php?pid=mm_26390051_2801257_9838749&page=chongzhi_300_170.php&size_w=300&size_h=170&stru_phone=1&stru_game=1&stru_travel=1"></iframe>
			<h1>店铺推荐</h1>
			<ul class="ad125">
				#{list items:taobaokeShops, as:'taobaokeShop' }
				<li style="width: 280px;"><img alt=""
					src="http://pics.taobaocdn.com/newrank/s_cap_3.gif"> <a
					target="_blank" href="${taobaokeShop.clickUrl}">${taobaokeShop.shopTitle}</a>
				</li> #{/list}
			</ul>
			<!-- 125PX ADS -->
			<h1>站长推荐</h1>
			<ul class="ad125">
				#{list items:recommendItems, as:'recommendItem' } #{if
				recommendItem_index == 5} %{break}% #{/if} #{else}
				<li>
					<div>
						<a target="_blank" href="${recommendItem.clickUrl}"><img
							src="${recommendItem.picUrl}" alt="广告位招租" border="0" width="150"
							height="150" style="vertical-align: middle;" /></a> </a>
					</div>
					<div>
						<a target="_blank" href="${recommendItem.clickUrl}">${recommendItem.title}</a>
					</div>
					<div>
						<font color="red"><big><b>￥${recommendItem.price}</b></big></font>
					</div>
				</li> #{/else} #{/list}
			</ul>
			<h1>最新分享商品</h1>
			<ul>
			</ul>
			<!-- 125PX ADS END -->

			<h1>最新文章</h1>
			<ul>
				<li><a href="http://www.showeb20.com/?p=3494" rel="bookmark"
					title="Permanent Link: 露意: 基于LBS的生活消费服务">露意: 基于LBS的生活消费服务</a></li>
			</ul>

			<h1>最新评论</h1>
			<ul>
				<li>评论</li>
			</ul>
		</div>
	</div>
</div>
